@import url("../../less/index.less");
.main {
  #TEXT .CENTER;
  margin-top: 79px;
  .title {
    padding-left: 1%;
    font-size: @h1 + 2;
    font-weight: 400;
    .el-divider {
      margin: 8px 0 56px 0;
      background: #9a9a9a;
    }
  }
  .content {
    .about {
      .JUSTIFY(space-around);
      .information {
        .DIRECTION(space-between);
        width: 30%;
        .contact {
          .DIRECTION(space-around);
          h3 {
            font-size: @h1 - 7;
            font-weight: 500;
          }
          p {
            font-size: @p + 2;
            color: #232222;
          }
        }
        .business,
        .technology {
          height: 40%;
        }
      }
      .amap {
        .WH(65%, 560px);
        #map {
          .WH(100%, 100%);
        }
      }
      .amap-container {
        cursor: url(https://webapi.amap.com/theme/v1.3/openhand.cur), default !important;
      }
    }
    .location {
      .JUSTIFY(space-around);
      margin: 3% 0;
      div {
        .DIRECTION(space-evenly);
        align-items: center;
        .WH(23%, 285px);
        border-right: 1px solid rgba(211, 211, 211);
        img {
          .WH(65px, 65px);
        }
        span {
          font-size: @p - 2;
          font-family: STHeiti;
          line-height: 200%;
        }
      }
      div:last-child {
        border: none;
      }
    }
    @media only screen and(@LG) {
      .about {
        .JUSTIFY(space-around);
        flex-direction: column-reverse;
        .information {
          .DIRECTION(space-around);
          flex-direction: row;
          margin-top: 30px;
          width: 100%;
          .contact {
            .DIRECTION(space-around);
            p {
              line-height: 30px;
            }
          }
          .business,
          .technology {
            height: 200px;
          }
        }
        .amap {
          .WH(100%, 500px);
        }
      }
      .location {
        flex-wrap: wrap;
        div {
          .WH(50%, 285px);
          border: none;
        }
      }
    }
  }
}
